<template>
  <div>
    <p>age: {{age}}</p>
    <input type="text" v-model.number="age">
    <p>nextAge: {{nextAge}}</p>
    <input type="text" v-model.number="nextAge">
  </div>
</template>

<script>
import { ref, computed} from 'vue'
export default {
  setup () {
    // 计算属性的使用  引入computed函数   使用方式跟vue2相同
    const age = ref(18)
    // const nextAge =computed(() => {
    //   return age.value + 1
    // })
     const nextAge =computed({
      get () {
        return age.value + 1
      },
      set(value) {
        console.log(value)
        // 全选
        // age.value = value - 1
      }
     })
    return {
      age,
      nextAge
    }
  }
}
</script>

<style>

</style>
